<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />


        <script type="text/javascript" src="js/jquery-latest.pack.js"></script>
        <link href="css/modal_css.css" rel="stylesheet" type="text/css" media="screen" />}
        <script  type="text/javascript" src="js/modal_js.js"></script>
        
        <script  type="text/javascript" src="js/popup.js"></script>

        <!--JQUERY & Pluging-->
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.transform.js"></script>
        <script>
            $(document).ready(function() {
                $("#btnConsultar").click(consultar);
            });
            function consultar() {
               $("#resultado").transform({
                    xml:{
                        url:"area_consultar.reclamo",
                        data:{
                            txtNombre:$("#txtNombre").val()
                        },
                        dataType:"xml"
                    },
                    xsl:"xml/areas.xsl"
                });
            }

        </script>

        <title>JSP Page</title>
    </head>
    <body>
    <div id="content">
    <div id="back">
        <div id="header">
            <jsp:include page="menuCabecera.jsp" />
            <center>
                <div id="menu" >
                    <ul>
                        <a href="TablasCoorporacion.jsp" id="ST_GENE">COORPORACION</a>
                        <a href="TablasEmpresa.jsp" id="ST_RESP">EMPRESA</a>
                        <a href="#" id="ST_ANAL">AREA</a>
                        <a href="TablasDepartamento.jsp" id="ST_CIER">DEPARTAMENTO</a>
                        <a href="TablasUsuario.jsp" id="ST_HIST">TRABAJADOR</a>
                    </ul>
                </div>
            </center>
        </div>
        <div id="right">
            <div id="TB_GENE">AREA<br/>
                    <p class="titulo2">Consulta de areas</p>
                       <a href="#dialog" name="modal">Crear Area</a>
                    <form id="form1" name="form1" method="post" action="">
                        Nombre:<input name="txtNombre" type="text" id="txtNombre" size="50"  />
                        <input type="button" name="btnConsultar" id="btnConsultar" value="Consultar" />
                    </form>

                      <div id="resultado">
                      </div>

                     <div id="boxes">
                        <div id="dialog" class="window">
                        <jsp:include page="css/botonCierra.jsp" />
                        <jsp:include page="TablasAreaCrear.jsp" />
                        </div>
                          <div id="mask"></div>
                      </div>
            </div>
        </div>
        <div id="left">
            <jsp:include page="menuPrincipal.jsp" />
        </div>
        </div>
    </div>
    </body>
</html>
